<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS常见样式属性</title>
    <link rel="stylesheet" href="css_six.css">
</head>
<body class="bg_demo6">
    <p class="value_px">绝对单位：px</p>
    <p class="value_em">相对单位：em</p>
    <p class="value_rem">相对单位：rem</p>
    <p class="color_name">颜色值：名称</p>
    <p class="color_hex">颜色值：16进制</p>
    <p class="color_fun">颜色值：函数rgb</p>
    <p class="img_url">图片url函数</p>
    <p class="font_dome">字体样式展示 函数</p>
    <p class="text_dome">文本样式展示 a b c </p>
    <ul class="list_demo4">
        <li>项目1</li>
        <li>项目2</li>
        <li>项目3</li>
    </ul>
    <div class=" bg_box bg_demo">
        背景样式:颜色
    </div>

    <div class="bg_box bg_demo2">
         背景样式:图片
    </div>

    <div class="bg_box bg_demo3">
        背景样式:图片重复
   </div>

   <div class="bg_box bg_demo3">
        背景样式:图片位置
   </div>

   <table class="table_demo">
       <caption>学生信息表</caption>
       <thead>
          <tr>
              <th>学号</th>
              <th>姓名</th>
              <th>总分</th>
              <th>排名</th>
          </tr>
       </thead>
       <tbody>
         <tr>
             <td>20190312181</td>
             <td>王一</td>
             <td>620</td>
             <td>2</td>
         </tr>
         <tr>
            <td>20190203572</td>
            <td>李二</td>
            <td>630</td>
            <td>1</td>
        </tr>
        <tr>
            <td>20190203542</td>
            <td>张三</td>
            <td>590</td>
            <td>3</td>
        </tr>
        <tr>
            <td>20190203562</td>
            <td>刘四</td>
            <td>575</td>
            <td>4</td>
        </tr>
       </tbody>
       <tfoot>
        <tr>
            <td colspan="4">人数总计：4人</td>
        </tr>
       </tfoot>

   </table>
   <div class="form_demo">
    <form action="">
        <!-- <fieldset> -->
            <!-- <legend>登入信息</legend> -->
            <p>
                <!-- <label for="username">用户名</label> -->
                <input type="text" name="username" id="username">
            </p>

            <p>
                <!-- <label for="password">密码</> -->
                <input type="password" name="pwd" id="pwd">
            </p>
        <!-- </fieldset> -->
        <input type="submit" value="登 入">
     </form> 
   </div>

   
<br><br><br><br><br><br><br><br><br>

</body>
</html>